<template>
  <div class="text-center mt-5">
    <h1>随机数生成器</h1>
    <p>生成的随机数：{{ randomNumber }}</p>
    <button @click="generateRandomNumber" class="btn btn-success">生成随机数</button>
  </div>
</template>

<script setup>
import { ref } from 'vue';

const randomNumber = ref(null);

function generateRandomNumber() {
  randomNumber.value = Math.floor(Math.random() * 100); // 生成 0 到 99 的随机数
}
</script>